<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Swap skills instead of bills!</title>
<link rel="stylesheet" type="text/css" href="../static/css/main.css">
</head>
<body>
	<div id="wrapper"></div>
	<div class="content">
		<iframe id="f" style="display: none"></iframe>
		<div id="header">
			<label style="float: left; top: 10px; text-transform: uppercase;" onclick="app.goHome();">Swap
				skills instead of bills!</label>
			<div style="margin-left: 20%;" class="button about-header-button"
				onclick="app.goHome();">
				<span>Home</span>
			</div>
			<div class="button sign-up-header-button" onclick="app.reg()">
				<span>Sign Up</span>
			</div>
			<div class="button sign-in-header-button" onclick="app.login()">
				<span>Login</span>
			</div>
			<div class="button inbox-header-button"
				onclick="(new ContentLoader()).loadInbox();" style="display: none">
				<span>Inbox</span>
			</div>
			<div class="button outbox-header-button"
				onclick="(new ContentLoader()).loadOutbox();" style="display: none">
				<span>Outbox</span>
			</div>
		</div>
		<div id="main-container">
			<img src="../static/images/preloader.gif" />
		</div>
		<div id="footer"></div>
	</div>
	<script src="../static/js/lib/jquery.js"></script>
	<script src="../static/js/lib/jquery-ui-1.8.20.custom.min.js"></script>
	<script src="../static/js/lib/jquery-cookie.js"></script>
	<script src="../static/js/lib/jquery.showpassword.js"></script>
	<script src="../static/js/APP.js"></script>
	<script src="../static/js/ContentLoader.js"></script>
	<script src="../static/js/MessageHandler.js"></script>
	<script src="../static/js/app.js"></script>
</body>
</html>
